<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/taglibs.jsp"%>
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
	content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="${ctx}/resources/semanticui/semantic.min.css"
	rel="stylesheet" type="text/css" />
<link href="${ctx}/resources/apps.css" rel="stylesheet" type="text/css" />
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?63eb239345268c518caa9b38c60bfc89";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

<title>职位信息</title>
<style type="text/css">
.mydiv {
    background-color:#eeeeee;
	line-height: 20px;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	z-index: 999;
	left: 51%;
	top: 25%;
	margin-left: -170px !important; /*FF IE7 该值为本身宽的一半 */
	margin-top: -50px !important; /*FF IE7 该值为本身高的一半*/
	margin-top: 0px;
	position: fixed !important; /* FF IE7*/
	position: absolute; /*IE6*/
	/* height: 70%; */
	padding:8px;
}

.detail{
	margin-left: 2%;
}

#n-page_re {
	width:100%;
	margin-right:2%;
    text-align: left;
    border: none;
    background-color: #10264b;
    height: 14%;
}

</style>
</head>
<body>
	<div class="ui segment" id="n-page_re" >
		<h3 class="ui attached header" id="list-title" style="color:#FFFFFF;background-color: #10264b;">${job.name}--${job.city.name}</h3>
		&nbsp;<br><br><br>
		<div class="detail">
			<%-- 职位名称：${job.name }&nbsp;<br>&nbsp;<br>
			职位编码：${job.jobCode }&nbsp;<br>&nbsp;<br> --%>
			公司：${job.companyName }医疗&nbsp;<br>&nbsp;<br>
			工作地点：${job.city.name }&nbsp;<br>&nbsp;<br>
			负责区域：${job.location}<br>&nbsp;<br> 下属人数：${job.employeeNum}<br>&nbsp;<br>
			主要职责：${job.majorDuty}<br>&nbsp;<br> 职位描述：${job.description}<br>&nbsp;<br>
			有效期：${job.expiredDateStr }&nbsp;<br>&nbsp;<br>
			推荐奖金：${job.reward}000元<input type="hidden"
				name="id" id="id" value="${job.id}" />
		</div>
		<div class="ui segment" id="btn-next2">
			<a href="javascript:showOtherRecommand()">
				<div class="fluid ui  inverted blue button" id="other" style="position:absolute;border-radius:6%;padding-top: 1.0rem;padding-bottom: 1.0rem;width:40%;float:left; display:inline;">
					我要推荐
				</div>
			</a>
			<div class="fluid ui button" style="width:40%;float:right;padding-top: 1.0rem;border-radius:6%;padding-bottom: 1.0rem; display:inline;" id="self">我要自荐</div>
		</div>
			
	<%-- 	<div id="popDiv" class="mydiv" style="display:none;">
			<div align="right"
				style="padding:2px;z-index:2000;font-size:12px;cursor:pointer;position:absolute;right:0;"
				onclick="closeOtherRecommand()">
				<span
					style="border:1px solid #000;width:12px;height:12px;line-height:12px;text-align:center;display:block;background-color:#FFFFFF;left:-20px;">×</span>
			</div>
			<div class="ui attached header" id="list-title" style="text-align:left;">
				点击本页右上角的“…”按钮，三步即可获得<br/>推荐奖金！<br/>
				<!-- Step1 把本职位信息分享给您的朋友并截图<br/> -->
				Step1 添加职位顾问为好友<br/>
				Step2 将推荐的候选人信息发给职位顾问<br/>
				Step3 推荐成功即可获得奖金<br/>
				</div>
			<div class="ui segment" id="qrcode" style="margin: 0rem 0;">
				<div class="ui small image">
					<img src="${ctx}/resources/images/qrcode.jpg">
				</div>
			</div>
			<div align="center">长按上方二维码，添加职位顾问为好友。 </div>
		</div> --%>
	</div>


	 <script src="${ctx}/resources/jweixin-1.0.0.js"></script> 
	<script src="${ctx}/resources/semanticui/jquery-2.1.4.min.js"></script>
	<script src="${ctx}/resources/semanticui/semantic.js"
		type="text/javascript"></script>
	<script type="text/javascript">
	 	wx.config({
			debug : false,
			appId : "${config.appid}",
			timestamp : ${config.currenttimestamp},
			nonceStr : "${config.nonceStr}",
			signature : "${config.signatureStr}",
			jsApiList : [ 'checkJsApi', 'onMenuShareTimeline',
					'onMenuShareAppMessage', 'onMenuShareQQ',
					'onMenuShareWeibo', 'showOptionMenu' ]
		}); 

		var handler = {
			activate : function() {
				$(this).addClass('active').siblings().removeClass('active');
				if ($(this).attr('id') == 'self') {
					location.href = '${ctx}/siemens/job/selfRecommend.page';
				}else{
					location.href = '${ctx}/siemens/job/otherRecommend.page';
				}
			}
		};


		//弹出调用的方法
		function showOtherRecommand() {
			document.getElementById('popDiv').style.display = 'block';
		}
		//关闭事件
		function closeOtherRecommand() {
			document.getElementById('popDiv').style.display = 'none';
		}
		
	$(document).ready(function() { 
		$('.button').on('click', handler.activate);
        wx.ready(function() { 
            wx.onMenuShareAppMessage({
                title: '西门子医疗招聘:${job.name}--${job.reward}000元',  
                desc: '如果你或者你的朋友符合上面这个职位，那么就推荐给我们。推荐有奖，自荐有奖，奖、奖、奖。',  
                link: 'http://www.tiaonali.com${ctx}/siemens/job/viewDetail.page?jobId=${job.id}',  
                imgUrl: 'http://www.tiaonali.com${ctx}/resources/images/share_logo.png',  
                type: 'link'
            });

            wx.onMenuShareTimeline({
                title: '西门子医疗招聘:${job.name}--${job.reward}000元',  
                desc: '如果你或者你的朋友符合上面这个职位，那么就推荐给我们。推荐有奖，自荐有奖，奖、奖、奖。',  
                link: 'http://www.tiaonali.com${ctx}/siemens/job/viewDetail.page?jobId=${job.id}',  
                imgUrl: 'http://www.tiaonali.com${ctx}/resources/images/share_logo.png'
            });

            wx.showOptionMenu();
            
        });
    });
	</script>
</body>
</html>